/*        CSS reset       */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}

/******* Default *******/
body {font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#fff; background:url(../images/bg-body.gif) 0 0 repeat}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
a{text-decoration: none; color: #fff;}
a:hover{text-decoration: none; color: #f16c14;}
p {line-height: 16px}
body .hidden, body .hide {display: none}
input, select, textarea {/*color: #fff;*/ padding: 1px 0;}

/******* General *******/
#wrapper {width: 1010px; margin: 0 auto; background:url(../images/pen.png) right 99% no-repeat;}
#container {width: 900px; margin: 0 auto; overflow: hidden}
	
	/******* Header *******/
	#header {width: 900px; padding-top: 34px; overflow: hidden;}
	.frmLogin {margin-bottom: 10px;}
	.frmLogin label {padding-right: 7px;}
	.frmLogin input.input-text {border: 1px solid #fff; /*background: #000;*/ width: 74px; padding: 1px 5px; margin-right: 10px; font-size: 11px;}
	.frmLogin input.input-submit {background: none; border: none; padding-right: 45px; cursor: pointer;color:white;}
	.frmLogin a {padding-right: 45px; color: #fff;}
	.frmLogin a:hover {color: #f16c14;}
	
	/* Banner */
	.banner {margin-bottom: 10px; position: relative;}
	.banner .bagde {position: absolute; top: 0; left: 0;}
	.banner .hot {position: absolute; bottom: 0; left: 20px;}
	
	/* Menu */
	.nav {margin-bottom: 10px; overflow:hidden; width: 100%;}
	.nav li {width: 132px; text-align: center; height: 30px; line-height: 30px; display: inline-block; float: left; background:url(../images/bg-menu.gif) 0 0 no-repeat;}
	.nav a {font-weight: bold; color: #fff; display: block;}	
	.nav a:hover, .nav a:focus, .nav a.active {color: #000; background:url(../images/bg-menu.gif) 0 -35px no-repeat;}	
		
	/******* Main *******/	
	#main {width: 900px; background:url(../images/bg-main.gif) 0 0 repeat-y; overflow: hidden;}
		/* Sidebar */
		.sidebar {width: 180px; padding: 0 10px 30px 0; float: left;}
		.sidebar h3 {font-size: 1em; background: url(../images/bg-h2-sidebar.png) 0 0 no-repeat; line-height: 30px; padding-bottom: 10px; text-align: center;}
		.block-sidebar dt {text-transform: uppercase; background: #f16c14; color: #000; padding: 0 10px; line-height: 30px;}
		.block-sidebar dd {padding: 10px 20px;}      
		.block-sidebar dd li {padding-bottom: 5px;}
		.block-sidebar dd li a:hover {font-weight: bold;}
		.block-sidebar .frmSearch {background: #000; margin-bottom: 10px;}
		.block-sidebar .frmSearch fieldset {padding: 0 10px 10px;}
		.block-sidebar .frmSearch p {padding-bottom: 10px; overflow: hidden; text-align: center;}
		.block-sidebar .frmSearch .input-text {width: 150px; padding: 1px 5px;}
		.block-sidebar .frmSearch .input-text-1 { width: 30px; padding: 1px 5px; margin-right: 3px; float: left;}
		.block-sidebar .frmSearch label {padding: 0 3px 8px 0; overflow: hidden; display: block; float: left;}			
		.block-sidebar .frmSearch .input-submit {width: 132px; background: url(../images/bg-search.gif) 0 0 no-repeat; border: none; height: 30px; line-height: 30px;}
		.other ul {padding: 0 20px;}
		.welcome {width: 156px; min-height: 195px; padding: 20px 10px; background: url(../images/bg-welcome.gif) 0 0 no-repeat; border: 2px solid #f16c14; text-align: center; margin-bottom: 10px;}
		.welcome h2 {font-size: 24px; font-family: "Century Gothic"; font-weight: normal; color: #f16c14; padding-bottom: 5px;}
		.welcome a { font-weight: 14px;}
		.welcome p {font-family: "Century Gothic"; font-size: 18px; font-weight: normal; padding-top: 5px;}
		.welcome .yahooid {font-size: 13px;}
		.welcome span {padding-bottom: 5px; display: block;}
		
		
		/* Main contetn */
		.main-content {width: 710px; float: left; overflow: hidden; background: #3d3d3d;}
		.main-content h3 {text-align: center; background:url(../images/bg-h2.gif) 0 0 no-repeat; line-height: 30px; font-size: 1em; margin-bottom: 30px;}
		.inner-content {padding: 0 20px}
		.main-content .best-saler {padding-bottom: 30px; overflow: hidden;}
		.main-content .best-saler li {width: 152px; float: left; padding-right: 20px; text-align: center;}
		.main-content .best-saler li.last {padding-right:0}
		.main-content .best-saler img {padding-bottom: 12px;}
		.main-content .best-saler span img {padding-bottom: 0;}
		.main-content .best-saler span {padding: 3px 5px 0 0;}
		.main-content .best-saler span.price {display: block; font-weight: bold; color: #f16c14;}
			
		/** Content **/
		.flexslider {position: relative; margin-bottom: 10px; height: 239px;}
		.flexslider .best-price {position: absolute; top: 25px; left: 35px;}
			
	/******* Footer *******/	
	#footer {width: 850px; padding-right: 50px; overflow: hidden; position: relative;}
		.inner {background:url(../images/iphone.png) center bottom no-repeat;padding: 40px 0 60px 0; overflow: hidden;}
		.bots-1 {width: 180px; padding-right: 10px; float: left;}
		.bots-1 span {display: block; padding-bottom: 5px;}
		.bots-2 {width: 150px; float: left;}
		.bots-2 h4 {font-size: 1em; padding-bottom: 5px;}
		.bots-3 {float: right;}
		.bots-3 p {font-size: 18px; font-family: "Century Gothic"; color: #f16c14; line-height: 22px;}
		.bots-3 span {font-size: 30px;}
		.signature {position: absolute; bottom: 10px; right: 50px;}
			
	p.reg-success {
		
	}
	
	ul.flex-direction-nav {
		display: none;
	}
	
	ol.flex-control-nav {
		display: none;
	}
